<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!--    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">-->
    <title>文案列表</title>
    <link rel="stylesheet" href="__STATIC__/doclist/css/mdui.min.css">
    <link rel="stylesheet" href="__STATIC__/doclist/js/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="__STATIC__/doclist/css/style.css">
    <link rel="stylesheet" href="__STATIC__/doclist/css/index.css">
    <script src="__STATIC__/doclist/js/mdui.min.js"></script>
    <script src="__STATIC__/doclist/js/jquery-min.js"></script>
    <script src="__STATIC__/doclist/js/swiper/js/swiper.min.js"></script>
    <script src="__STATIC__/doclist/js/methods.js"></script>
    <script src="__STATIC__/doclist/js/main.js"></script>
    <script src="__STATIC__/doclist/js/index/methods.js"></script>
    <script src="__STATIC__/doclist/js/index/main.js"></script>
</head>

<body>
<div class="LINK-LINK">
    <a href="index.html">首页</a>
    <a href="/index/lists/lists.html">文案页面</a>
    <a href="/index/pic_list/pic_list.html">图片素材页</a>
    <a href="/index/user/user.html">个人中心</a>
</div>
<div id="header">
    <div class="header">
        <div class="logo">
            <img src="__STATIC__/doclist/images/logo.png" alt="">
        </div>
        <div class="opt">
            {if condition="!session('index_id')"}
            <div class="no_logged">
                <a href="javascript:;" class="dl" onclick="$('#login_box').fadeIn(100);">登陆</a>
                <a href="javascript:;" onclick="$('#register').fadeIn(100);">注册</a>
            </div>
            {else /}
            <div class="no_logged">
                <a href="javascript:;" style="border:none;">{$Think.session.index_name}</a>
            </div>
            {/if}
            <!--
            <div class="logged">
                <div class="mdui-list-item-avatar"><img src="images/avatar3.jpg"/></div>
            </div>
-->
        </div>
        <ul class="nav">
            <li class="active">
                <a href="/index.html">首页</a>
            </li>
            <li>
                <a href="/index/lists/lists.html">文案系统</a>
            </li>
            <li>
                <a href="###">审核页</a>
            </li>
            <li>
                <a href="/index/pic_list/pic_list.html">物料素材</a>
            </li>
            <li>
                <a href="/index/user/user.html">个人中心</a>
            </li>
        </ul>
    </div>
</div>
<div id="login_box">
    <div class="login_box">
        <div class="left">
                <span>欢迎登陆
                    <br>千素网!</span>
        </div>
        <div class="right">
            <form id="login" action="{:url('index/login/login')}" method="post">
                <div class="title">
                    <b>账号登陆</b>
                </div>
                <div class="input">
                    <i class="mdui-icon material-icons">account_circle</i>
                    <input type="text" name="username" placeholder="请输入账号/手机号" autocomplete="off">
                </div>
                <div class="input">
                    <i class="mdui-icon material-icons">lock_outline</i>
                    <input type="password" name="password" placeholder="请输入密码" autocomplete="off">
                </div>
                <div class="other">
                    <h3>第三方</h3>
                    <a href="#">
                        <i class="mdui-icon material-icons">account_circle</i>
                    </a>
                    <a href="#">
                        <i class="mdui-icon material-icons">account_circle</i>
                    </a>
                </div>
                <button type="button" class="form_submit submit">登陆</button>
            </form>
        </div>
    </div>
</div>

<div id="register">
    <div class="register">
        <form id="regform" action="{:url('index/regist/regist')}" method="post">
            <div class="title">
                <b>账号登陆</b>
            </div>
            <div class="input">
                <input type="text" name="username" placeholder="请输入用户名">
            </div>
            <div class="input radio">
                <label class="active">
                    <input type="radio" name="sex" value="1" checked>男</label>
                <label>
                    <input type="radio" name="sex" value="2">女</label>
            </div>
            <div class="input">
                <input type="text" name="mobile" placeholder="请输入手机号码" autocomplete="off">
            </div>
            <div class="input check_code">
                <input type="text" name="verify" placeholder="请输入验证码" autocomplete="off">
                <button type="button">获取验证码</button>
            </div>
            <div class="input">
                <input type="password" name="password" placeholder="请输入密码" autocomplete="off">
            </div>
            <div class="input">
                <input type="password" name="confirm_password" placeholder="再次输入密码" autocomplete="off">
            </div>
            <button type="button" class="form_submit submit">注册</button>
        </form>
    </div>
</div>

<div id="search">
    <div class="search">
        <div class="title">
            <h1>素材大数据</h1>
            <p>没有做不到，只有想不到，打造优质广告素材网站</p>
        </div>
        <div class="input">
            <div class="tip"></div>
            <input type="text" placeholder="请输入关键字" />
            <div class="search_list">

            </div>
            <div class="host_search">
                <a href="#">绿色健康</a>
                <a href="#">绿色健康</a>
                <a href="#">绿色健康</a>
                <a href="#">绿色健康</a>
                <a href="#">绿色健康</a>
            </div>
            <button type="button" class="button">
                <i class="mdui-icon material-icons">search</i>搜索</button>
            <div class="select">
                    <span class="value" value="0">综合
                        <i class="mdui-icon material-icons">play_arrow</i>
                    </span>
                <ul class="option">
                    <li value="0">综合</li>
                    <li value="1">文案</li>
                    <li value="2">图片</li>
                </ul>
            </div>

        </div>
        <div class="hots">
            <span>男科</span>
            <span>男科</span>
            <span>男科</span>
            <span>男科</span>
            <span>男科</span>
        </div>
    </div>
</div>
<div class="classify">
    <div class="classify_item">
        <div class="item">
            <div class="title">
                <span>原创</span>
            </div>
            <div class="info">
                <h2>每日大更新</h2>
                <p>每日数千素材更新量，满足推广运营的最新创意需求满足推广运营的最新创意需求</p>
            </div>
        </div>
        <div class="item">
            <div class="title">
                <span>原创</span>
            </div>
            <div class="info">
                <h2>每日大更新</h2>
                <p>每日数千素材更新量，满足推广运营的最新创意需求满足推广运营的最新创意需求</p>
            </div>
        </div>
        <div class="item">
            <div class="title">
                <span>原创</span>
            </div>
            <div class="info">
                <h2>每日大更新</h2>
                <p>每日数千素材更新量，满足推广运营的最新创意需求满足推广运营的最新创意需求</p>
            </div>
        </div>
    </div>
</div>
<div class="ad_box">
    <div class="swiper-container ad_box_item">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="__STATIC__/doclist/images/ad.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="__STATIC__/doclist/images/ad.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="__STATIC__/doclist/images/ad.png" alt="">
            </div>
        </div>
        <div class="swiper-pagination ad_box_pages"></div>
    </div>
</div>

<div class="hots">
    <div class="hots_item">
        <div class="hot_search">
            <div class="title">
                <b>每日热搜</b>
            </div>
            <div class="list">
                {foreach name="article_hot" item="article_category"}
                <a href="javascript:;" onclick="getHotArticleList({$article_category.id});" class="item">{$article_category.name}</a>
                {/foreach}
            </div>
        </div>
        <div class="hot_doc">
            <div class="title"></div>
            <div class="list">
                <div class="pic">
                    <a href="#">
                        <span class="tag">文案</span>
                        <div class="img">
                            <img src="__STATIC__/doclist/images/1111111.png" alt="">
                        </div>
                        <div class="text">
                            <h2>【精华】老中医说：男人多吃这个，时间延长5倍！</h2>
                            <div class="opt">
                                <div class="time">
                                    <i class="mdui-icon material-icons">access_time</i>2018-05-04
                                </div>
                            </div>
                            <p>
                                是我们今天的主人公——中医第五代传人汤老师。他家祖为皇家配制的秘方，秘方传到现在，经过不断加以改进力追捧，他自称为...
                            </p>
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <p>价值4万元的经验！我用5年的补肾经历告诉你我用5年的补肾经历告诉你我用5年的补肾经历告诉你我用5年的补肾经历告诉你</p>
                        <span class="time">2018-05-04</span>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <p>价值4万元的经验！我用5年的补肾经历告诉你</p>
                        <span class="time">2018-05-04</span>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <p>价值4万元的经验！我用5年的补肾经历告诉你</p>
                        <span class="time">2018-05-04</span>
                    </a>
                </div>
                <div class="item">
                    <a href="#">
                        <p>价值4万元的经验！我用5年的补肾经历告诉你</p>
                        <span class="time">2018-05-04</span>
                    </a>
                </div>
            </div>
            <div class="more">
                <a href="#">查看更多>></a>
            </div>
        </div>
        <dov class="count">
            <div class="title">
                <b>统计</b>
            </div>
            <div class="count_box">
                <div class="item">文案总数:666</div>
                <div class="item">文案总数:666</div>
                <div class="item">文案总数:666</div>
                <div class="item">文案总数:666</div>
                <div class="item">文案总数:666</div>
                <div class="item">文案总数:666</div>
                <div class="item">文案总数:666</div>
                <div class="item">文案总数:666</div>
            </div>
        </dov>
    </div>
</div>


<div class="pic_list">
    <div class="title">
        <b>共享热门</b>
    </div>
    <div class="list">
        {foreach name="share_hot" item="share"}
        <div class="item" type="pic">
            <div class="img">
                {if condition="!session('index_id')"}
                <img src="{$share.thumb}" alt=""> {else /}
                <img src="{$share.path}" alt=""> {/if}
                <div class="tag">共享</div>
                <div class="hover">
                    <div class="like active">收藏</div>
                    <a href="#" class="download">
                        <i class="mdui-icon material-icons">vertical_align_bottom</i>点击下载</a>
                </div>
            </div>
            <p>{$share.title}</p>
        </div>
        {/foreach}
    </div>
    <div class="more">
        <a href="/index/pic_list/pic_list">查看更多>></a>
    </div>
</div>


<div class="pic_list">
    <div class="title">
        <b>原创热门</b>
    </div>
    <div class="list">
        {foreach name="ori_hot" item="ori"}
        <div class="item" type="pic">
            <div class="img">
                <div class="tag">原创</div>
                {if condition="!session('index_id')"}
                <img src="{$ori.thumb}" alt=""> {else /}
                <img src="{$ori.path}" alt="">
                <div class="hover">
                    <div class="like active">收藏</div>
                    <a href="#" class="download">
                        <i class="mdui-icon material-icons">vertical_align_bottom</i>点击下载</a>
                </div>{/if}
            </div>
            <p>{$ori.title}</p>
        </div>
        {/foreach}
    </div>
    <div class="more">
        <a href="/index/pic_list/pic_list">查看更多>></a>
    </div>
</div>


<div class="pic_list">
    <div class="title">
        <b>积分热门</b>
    </div>
    <div class="list">
        {foreach name="int_hot" item="int"}
        <div class="item" type="pic">
            <div class="img">
                {if condition="!session('index_id')"}
                <img src="{$int.thumb}" alt=""> {else /}
                <img src="{$int.path}" alt=""> {/if}
                <div class="tag">积分</div>
                <div class="hover">
                    <div class="like active">收藏</div>
                    <a href="/index/pic_list/pic_list" class="download">
                        <i class="mdui-icon material-icons">vertical_align_bottom</i>点击下载</a>
                </div>
            </div>
            <p>{$int.title}</p>
        </div>
        {/foreach}
    </div>
    <div class="more">
        <a href="/index/pic_list/pic_list">查看更多>></a>
    </div>
</div>



<div class="class_list">
    <div class="title">
        <b>原创热门</b>
    </div>
    <div class="pic">
        <div class="item">
            <img src="__STATIC__/doclist/images/333333.png" alt="">
            <a href="#">图片素材</a>
        </div>
        <div class="item">
            <img src="__STATIC__/doclist/images/333333.png" alt="">
            <a href="#">图片素材</a>
        </div>
        <div class="item">
            <img src="__STATIC__/doclist/images/333333.png" alt="">
            <a href="#">图片素材</a>
        </div>
    </div>
    <div class="text">
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
        <a href="#" class="item">祛斑</a>
    </div>
</div>


<div id="footer">
    <div class="footer">

        <div class="item_box">
            <div class="link">
                <h3>友情链接</h3>
                <div class="list">
                    <div class="item">
                        <a href="#">AI大数据</a>
                    </div>
                    <div class="item">
                        <a href="#">爱妃丽尔商城</a>
                    </div>
                    <div class="item">
                        <a href="#">信息流数据统计</a>
                    </div>
                    <div class="item">
                        <a href="#">辛福缘商城</a>
                    </div>
                    <div class="item">
                        <a href="#">辛福缘商城</a>
                    </div>
                    <div class="item">
                        <a href="#">美女图库</a>
                    </div>
                    <div class="item">
                        <a href="#">文案编辑器</a>
                    </div>
                    <div class="item">
                        <a href="#">微转小程序</a>
                    </div>
                </div>
            </div>
            <div class="company">
                <h3>公司官网</h3>
                <div class="list">
                    <div class="item">
                        <a href="#">泓然堂官网</a>
                    </div>
                    <div class="item">
                        <a href="#">尚凝文化官网</a>
                    </div>
                    <div class="item">
                        <a href="#">百姓堂官网</a>
                    </div>
                    <div class="item">
                        <a href="#">吉米无添加官网</a>
                    </div>
                </div>
            </div>
            <div class="ewm">
                <h3>微信扫一扫 使用小程序</h3>
                <div class="list">
                    <div class="item">
                        <img src="__STATIC__/doclist/images/ewm.png" alt="">
                        <br>美女图库
                    </div>
                    <div class="item">
                        <img src="__STATIC__/doclist/images/ewm.png" alt="">
                        <br>美女图库
                    </div>
                    <div class="item">
                        <img src="__STATIC__/doclist/images/ewm.png" alt="">
                        <br>美女图库
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
                <span class="left">
                    <a href="#">注册声明</a>
                    <a href="#">本券声明</a>
                    <a href="#">售后服务</a>
                </span>
                <span class="right">
                    Copyright &copy; 2018-2020 尚凝文化素材网-粤ICP备1465146562号
                </span>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        getHotArticleList(1);
    })
    function getHotArticleList(id) {
        $.ajax({
            url: '/index/index/hotarticlelist',
            type: 'POST',
            data: { id: id },
            success: function (res) {
                $('.hot_doc *').remove();
                $('.hot_doc').append(res);
                console.log(res);
            }
        });
    }
</script>
</body>

</html>